<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
<meta http-equiv="keywords" content="${channel.keywords!}"/>
<meta http-equiv="description" content="${channel.description!}"/>
<title>${site.name} - Powered by JavaCMS</title>
<link rel="stylesheet" type="text/css" href="/${mobileRes!}/css/index.css"> 
<link rel="stylesheet" type="text/css" href="/${mobileRes!}/css/news.css">
<script src="${resSys}/jquery.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script src="/${mobileRes!}/js/hhSwipe.js" ></script>
<script type="text/javascript">
$(function() {
	Cms.channelViewCount("${base}","${channel.id}");
	Cms.siteFlow("${base}", location.href, document.referrer,"${site.config.flowSwitch?string}");
});
</script>

<!--[if lt IE 9]> 
<script src="/${res}/js/html5shiv.min.js"></script>
<script src="/${res}/js/respond.min.js"></script>
<![endif]-->

</head>

<body>
<div class="viewport">
  [#include "../include/header.html" /]
  <div class="dl-nav clearfix">
 [@cms_channel_list parentId='78' orderBy='4']
    <ul class="clearfix">
     [#list tag_list as c]
      <li><a href="${c.mobileUrl!}" [#if c_index<1]class="curr"[/#if]>${c.name}</a></li>
      [/#list]
     [/@cms_channel_list]
    </ul>
  </div>
  <div class="fixed36"></div>
  <script type="text/javascript">
		var head=$(".header").height();
		$(window).scroll(function(){
			var topScr=$(window).scrollTop();
			if (topScr>head) {
				$(".dl-nav").addClass("fixed");
				$(".fixed36").addClass("undis");
			}else{
				$(".dl-nav").removeClass("fixed");
				$(".fixed36").removeClass("undis");
			}
		})
  </script>
  <div class="addWrap">
	<div class="swipe" id="mySwipe">
         [@cms_content_list typeId='2' orderBy='4' channelId=channel.id titLen='35' channelOption='1' dateFormat='yyyy-MM-dd HH:mm:ss']
		<div class="swipe-wrap">                 
                      [#list tag_list as a]
			<div><a href="${a.mobileUrl!}"><img class="img-responsive" src="${a.typeImg!site.defImg}"/></a></div>
			[/#list]
		</div>
	</div>	
	<ul id="dl_position">
        [#list tag_list as a]
      <li [#if a_index<1]class="cur"[/#if]></li>
	 [/#list]
	</ul>
          [/@cms_content_list]
  </div>
  <script type="text/javascript">
	var bullets = document.getElementById('dl_position').getElementsByTagName('li');
	
	var banner = Swipe(document.getElementById('mySwipe'), {
		auto: 3000,
		continuous: true,
		disableScroll:false,
		callback: function(pos) {
			var i = bullets.length;
			while (i--) {
				bullets[i].className = ' ';
			}
			bullets[pos].className = 'cur';
		}
	})
  </script>
  <div class="dl-list">
    [@cms_content_list recommend='1' orderBy='17' channelId='78' channelOption='1']
     [#list tag_list as a]
    <div class="item clearfix">
      <a href="${a.mobileUrl!}">
      <div class="dl-list-pic"><img src="${a.titleImg!}"></div>
      <div class="dl-list-title">[#if a.shortTitle??]${a.shortTitle}[#else]${a.title}[/#if]</div>
      <div class="dl-list-comment">版本:${a.attr.edition!}</div>
      <div class="dl-list-count">${a.attr.size!}  |  下载 ${a.contentCount.downloads!} 次</div>
      <div class="dl-list-icon">下载</div>
      </a>
    </div>
    [/#list]
    [/@cms_content_list]
  </div>
</div>
</body>
</html>